/* 
    Document   : tablestyle
    Created on : Sep 19, 2013, 7:10:23 PM
    Author     : Vo
    Description:
        Purpose of the stylesheet follows.
*/
body{
	margin:0;
	background-color:#e4e6e6;
}

#titledata{
    background-color: #504b41;
    height: 60px;
    color: #ffffff;
    padding: 5px 10px 0 10px;
    position: relative;
}
#titledata h{
    font-size: 30px;
}
.titleaction{
    float: right;
    height: 60px;
	position: absolute;
	right: 10px;
	top: 6px;
}
#contentdata{
    background-color: #ffffff;
    padding: 10px 10px 5px 10px;
    min-height: 375px;
}
.tbdata{
    border-collapse: collapse;
}
.tbdata .title{
    background-color: #796f65;
    color: white;
    font-style: normal;
    font-weight: normal;
    text-align: center;
}
.tbdata td{
    border: solid 1px #ffffff;
}
.tbdata tr.even{
    background-color: #f9f9f9;
}
.tbdata tr.even td{
    padding: 5px 10px 5px 10px;
}
.tbdata tr.odd td{
    padding: 5px 10px 5px 10px;
}
.tbdata tr.even:hover {
    background-color: #ffffcb;
}
.tbdata tr.odd:hover{
    background-color: #ffffcb;
}
.tbdata .filter{
    background-color: #e7f0ef;
}
.tbdata .filter td{
    padding: 5px 10px 5px 10px;
}
.tbdata .paging{
    text-align: center;
}
.tbdata .paging td{
    border-top:solid 1px #cccccc;
}
.tbdata .paging a{
    margin: 0 0 0 2px;
    display: inline;
    width: 30px;
    height: 25px;
    line-height: 25px;
    border: solid 1px #f0f0f0;
    color: #cccccc;
    text-decoration: none;
    float: left;
}
.tbdata .paging a:hover{
    border: solid 1px #3399ff;
    color: #3399ff;
}

/* css nut insert, xoa */
.titleaction .btninsert{
    color: #ffffff;
    display: block;
    float: left;
    text-decoration: none;
    width: 55px;
    height: 30px;
    background: #638f42 url('../images/add1.png') no-repeat 10px;
    line-height: 30px;
    padding-left: 30px;
    border-radius: 5px 5px 5px;
    margin-right: 5px;
}
.titleaction .btndelete{
    color: #ffffff;
    width:85px;
    height: 30px;
    background: #d54123 url('../images/icon_delete.png') no-repeat 10px;
    border: none;
    cursor: pointer;
    padding-left: 30px;
    border-radius: 5px 5px 5px;
}
.titleaction .btnsave{
    color: #ffffff;
    width:85px;
    height: 30px;
    background: #638f42 url('../images/iconsave.png') no-repeat 10px;
    border: none;
    cursor: pointer;
    padding-left: 30px;
    border-radius: 5px 5px 5px;
    margin-right: 5px;
    float:left;
}
.titleaction .btncancel{
    color: #ffffff;
    width:55px;
    height: 30px;
    display: block;
    line-height: 30px;
    text-decoration: none;
    background: #d54123 url('../images/iconcancel.png') no-repeat 10px;
    border: none;
    cursor: pointer;
    padding-left: 30px;
    border-radius: 5px 5px 5px;
    float: right;
}
.btnedit{
    color: #ffffff;
    display: block;
    text-decoration: none;
    width: 35px;
    height: 25px;
    background: #638f42 url('../images/editicon.png') no-repeat 10px;
    line-height: 25px;
    padding-left: 30px;
    border-radius: 5px 5px 5px;
    float: left;
}
.btnview{
    color: #ffffff;
    display: block;
    text-decoration: none;
    width: 35px;
    height: 25px;
    background: #e38347 url('../images/icon_view.png') no-repeat 10px;
    line-height: 25px;
    padding-left: 30px;
    border-radius: 5px 5px 5px;
    float: left;
    margin-right: 3px;
}
.btnsearch{
    color: #ffffff;
    display: block;
    text-decoration: none;
    width: 50px;
    height: 25px;
    background: #2d94bd url('../images/icon_search.png') no-repeat 10px;
    line-height: 25px;
    padding-left: 30px;
    border-radius: 5px 5px 5px;
}

#content{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px 5px 10px 5px;
}

#header{
	background:#3f3f3f url(../images/back_header2.png) no-repeat;
	height:80px;
	padding: 10px 30px 0 10px;
}
#header lable.admin{
	color:#ffffff;
	font-weight:bold;
	font-size:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#header lable.namestore{
	color:#e38347;
	font-size:17px;
	position:absolute;
	top:42px;
	left:110px;
}
#header span{
	color:#FFF;
	float:right;
}
#header span a{
	color:#FFF;
	text-decoration:none;
}
#header span a:hover{
	color:#e38347;
}
#col_left{
	background-color:#00F;
	width:100px;
	float:left;
	margin-right:10px;
}
#contentpage{
	float:left;
	width:1225px;
}

#col_left ul{
	margin:0px;
	padding:0px;
}
#col_left ul li{
	list-style:none;
	background-color:#FFF;
}

#col_left ul li a{
	text-decoration:none;
	color:#000;
	text-align:center;
	display:block;
	padding-top:60px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCCCCC;
}
#col_left ul li a:hover{
	color:#FFF;
	transition:0.5s;
}
#col_left ul li a.danhmuc{
	background:url(../images/icon_category.png) no-repeat center 10px;
}
#col_left ul li a.danhmuc:hover{
	background:#2d94bd url(../images/icon_category_hover.png) no-repeat center 10px;
}
#col_left ul li a.sanpham{
	background:url(../images/icon_product.png) no-repeat center 10px;
}
#col_left ul li a.sanpham:hover{
	background:#e38347 url(../images/icon_product_hover.png) no-repeat center 10px;
}
#col_left ul li a.donhang{
	background:url(../images/icon_order.png) no-repeat center 10px;
}
#col_left ul li a.donhang:hover{
	background:#30b171 url(../images/icon_order_hover.png) no-repeat center 10px;
}
#col_left ul li a.khachhang{
	background:url(../images/icon_customer.png) no-repeat center 10px;
}
#col_left ul li a.khachhang:hover{
	background:#9b25c7 url(../images/icon_customer_hover.png) no-repeat center 10px;
}
#col_left ul li a.nguoidung{
	background:url("../images/icon_user.png") no-repeat center 10px;
}
#col_left ul li a.nguoidung:hover{
	background:#ef4341 url(../images/icon_user_hover.png) no-repeat center 10px;
}


/*trang index(longin)*/
#form_login{
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 400px;
    height: 200px;
    border-radius: 5px 5px 5px;
    padding: 10px 10px 10px 10px;
    box-shadow: 5px 3px 5px #CCCCCC;
}
#form_login .title_login{
    border-bottom: solid 2px #777777;
}
#form_login .title_login span{
    font-size: 22px;
    border-bottom: solid 2px #e38347;
    
}
#form_login .content_login{
    margin-top: 20px;
}
.itext{
    width: 250px;
    height: 22px;
}
#form_login input.ibuton{
    background-color: #30b171;
    border: none;
    width: 100px;
    height: 30px;
}
#form_login input.ibuton:hover{
    background-color: #e38347;
}
#form_login td{
    height: 40px;
}

.table_thongtinchitiet td{
    height: 40px;
}
.error{
    color: red;
}

.order_value_name{
    height: 30px;
}
.order_value{
    font-weight: bold;
    padding-left: 20px;
    padding-right: 80px;
}